$(function(){
	//放大镜特效
	$('.jqzoom').jqzoom({
            zoomType: 'standard',
            lens:true,
            preloadImages: false,
            alwaysOn:false,
            zoomWidth: 400,
            zoomHeight: 400,
            xOffset:4,
            yOffset:0,
            position:'right'
        });
  $('.zoomWrapperTitle').css('display','none');
  $('.zoomPreload').css('display','none');
	//$('.jqzoom').jqzoom();
      //放大镜图片的改变
      $('.img').hide();
      $('.img').eq(0).show();
      $('#btn_box ul li').click(function(){
            $('#btn_box ul li img').css('border-color','#999');
            $(this).find('img').css('border-color','red');
            $('.img').hide();
            var num=$(this).index();
            $('.img').eq(num).show();
           
      });
      //图片向下滚动
      var len=$('#btn_box ul li').length-4;
      $('.btn_prev').click(function(){
       $('#btn_box ul').stop();
       var top=parseInt($('#btn_box ul').css('top'));
       var btn_top=$('#btn_box ul').css('top');
        var num=parseInt(btn_top)/103-1;
        if(top<=-len*103) {
           num=-len;
           }
        $('#btn_box ul').animate({'top':+num*103+'px'});
       // num=num-1;
             
      });
      $('.btn_next').click(function(){
        var top=parseInt($('#btn_box ul').css('top'));
          $('#btn_box ul').stop(); 
        var btn_top=$('#btn_box ul').css('top');
        var n=parseInt(btn_top)/103+1;
        if(top>=0){
              n=0;
            }
        $('#btn_box ul').animate({'top':+n*103+'px'});
            
      });
      //尺寸改变效果
      $('#product_chi ul li ul li').mouseover(function(){
        $(this).css('border-color','#FF6905');
      });
      $('#product_chi ul li ul li').mouseout(function(){
        $(this).css('border-color','#EEEEEE');
      });
      /*$('#product_chi ul li ul li').click(function(){
        $('#product_chi ul li ul li a').removeClass('change_border');
        $('#product_chi ul li ul li').css('border','2px solid #EEEEEE');
        $(this).find('a').attr('class','change_border');
        $(this).css('border','none');
      });*/
        /*$('#product_chi ul li ul li:first-child').find('a').attr('class','change_border');
        $('#product_chi ul li ul li:first-child').css('border','none').attr('status','on');*/
        $('#product_chi ul li ul li').click(function(){
        $(this).siblings().find('a').removeClass('change_border');
        $(this).siblings().css('border','2px solid #EEEEEE').removeAttr('status');
        $(this).attr('status','on');
        $(this).find('a').attr('class','change_border');
        $(this).css('border','none');
      });
      //商品总览 商品参数的显示与隐藏的效果
      $('#ap_banner ul li').click(function(){
        var num =$(this).index();
        $('#ap_banner ul li').css('background','url('+publics+'product_x.png) 0px -32px');
        $('#ap_banner ul li a').css('color','#333');
        $(this).css('background','url('+publics+'product_x.png) repeat-x 0 0');
        $(this).find('a').css('color','#fff');
        /*$('#ad_content > div').hide();
        $('#ad_content > div').eq(num).show();*/
        $('#ad_content').children().hide();
        $('#ad_content').children().eq(num).show();
      });
      //购买的件数的加减
      var add_num=parseInt($('input[name=buycount]').val());
      $('.add_btn').click(function(){
        add_num=add_num+1;
        $('input[name=buycount]').val(add_num);
      });
      $('.down_btn').click(function(){
        add_num=add_num-1;
        if(add_num<=0){
          add_num=1;
        }
        $('input[name=buycount]').val(add_num);
      });
      //尺寸颜色的选择

      $('#product_chi ul li ul').find('li').click(function(){
        //改变商品的选中状态的显示
        var ulen=$('#product_chi ul li ul[key]').length;
        var llen=$('#product_chi ul li ul li[status=on]').length;
        var spec='';
        for(var i=0;i<llen;i++){
            spec+='"';
            spec+=$('#product_chi ul li ul li[status=on]').find('a').eq(i).html();
            spec+='"&nbsp;&nbsp;';
        }
        $('#show').html(spec);
        //获取两个规格的id时异步，来获取价格和库存
        if(ulen==llen){
           var gaid=[];
           $('#product_chi ul li ul li[status=on]').each(function(i){
            gaid[i]=$(this).attr('gaid');
           })
           var gid=$('#product_chi').attr('gid');
          $.post(choose_spec,{'gaid':gaid,'gid':gid},function(data){
            if(data.status==0){
              $('#inventory').html('无货');
            }else{
              $('#inventory').html(data.inventory);
            }
            $('#sprice').html(data.price);
          },'json');
        }
        
      });
      //点击加入购物车
      $('.shopbus').click(function(){
        var ulen=$('#product_chi ul li ul[key]').length;
        var llen=$('#product_chi ul li ul li[status=on]').length;
        if(ulen!=llen){
          showTips('请选择你要购买的货品的规格');
          return false;
        }
        //获得规格的id
        var aid=[];
        for(var i=0; i<llen;i++){
          aid.push( $('#product_chi ul li ul li[status=on]').eq(i).attr('gaid'));
        }
        var sta=parseInt($('#inventory').html());
        var inventory=sta ? sta : 0;
        var num=parseInt($('input[name=buycount]').val());
        if(!num){
          showTips('请输入要购买的数量');
          return false;
        }
        if(inventory-num<0){
          showTips('库存不足');
          return false;
        }
        //获得要购买商品的数量
        var nums=num;
        //获得商品的id
        var gid=$('#product_chi').attr('gid');
        $.post(addCar,{'aid':aid,'num':nums,'gid':gid},function(data){
          if(data.status){
            $('#car_count').html(data.count);
          
          }
        },'json');
        return false;
      });
    
    

})


/**操作成功效果**/
function showTips(tips,time,height){
  var windowWidth = $(window).width();height=height?height:$(window).height();
  time = time ? time : 1;
  var tipsDiv = '<div class="tipsClass">' + tips + '</div>';
  $( 'body' ).append( tipsDiv );
  $( 'div.tipsClass' ).css({
    'top' : height/2 + 100 + 'px',
    'left' : ( windowWidth / 2 ) - 100 + 'px',
    'position' : 'absolute',
    'padding' : '3px 5px',
    'background': '#FF6600',
    'font-size' : 14 + 'px',
    'text-align': 'center',
    'width' : '300px',
    'height' : '40px',
    'line-height' : '40px',
    'color' : '#fff',
    'font-weight' : 'bold',
    'opacity' : '0.8',
    'Zindex':'200'
  }).show();
  setTimeout( function(){
    $( 'div.tipsClass' ).animate({
      top: height/2-50+'px'
    }, "slow").fadeOut();
  }, time * 1000);
}
